/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de

fond inhalt f5ffd9
navigationsfond 
  dunkel dde68e
  mittel ebf5bb
  hell f5ffd9

Schriftgrün 416212
Fließtext dunkel 3e2a1b
Schrift rotbraun b95403							*/
body,h1,h2,p,li,ul,ol,img, table,td {
	margin:0;
	padding:0;
	border:0 none;
	color: #3e2a1b;	

}
body {
background-image: URL(../img/bginnen.gif);
	background-color: #f5ffd9;
	background-repeat:no-repeat;
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
}
h1 {
	font-family: Georgia, "Times New Roman", serif;	
	font-weight:normal;
}
div.kopfbg h1, 
div.kopfbg p.uz {
	margin-left: 230px
}
div.kopfbg h1 {
padding-top: 73px;
padding-right:240px;
	font-size:1.6em;
	color: #FF8918;
	line-height: 100%
}
div.kopfbg p.uz {
padding-top: 6px;
	color:#416212;
	font-weight: bold;
	width: 500px;
	z-index:15
}
h2,p,a,div,td, li {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 150%;
}
p,ul {
	margin-bottom:1em
}
td {
vertical-align:top
}
li {
vertical-align:middle;
margin-left: 18px
}
div {
	border: 0px solid blue
}

img.kopf {
position: absolute;
left:0;
top:0;
z-index:20;
width: 200px;
height: 129px
}
div.kopfbg {
position: relative;
	max-width: 990px;
	height: 129px;
	background: transparent URL(../img/bginnen.jpg) 0 0 no-repeat;
	z-index:1;
}
div.kopfre,
p.kontaktnavi {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 30px;
	width: 300px;
	z-index:2;
}
div.kopfre h2, 
div.rezept h2 {
	color: #b95403;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", serif;
	margin-bottom: 5px
}
div.kopfre p a img {
margin-bottom: 5px
}
div.kopfre p a {
color: #416212;
text-decoration:none;
font-weight:bold;
}

div.kopfre p.kontaktnavi {
	top: 81px;
	right:20px;
	text-align:right;
z-index:3
}
img.floatleft {
	float:left;
	margin: 0 10px 0 0
}
img.floatright {
	float:right;
	margin: 0 0 0 10px
}
div.cc, 
h2, 
div.cr p,
div.kopfre h2,
div.kopfre p a,
div.nav a,
div.bu,
div.kopfbg p.uz{
	font-size: 0.8em
}


div.cc {
	max-width: 500px;
	min-width:300px;
margin: 33px 20px 30px 30px;
float: left;
}
div.cc p, 
div.cc h2,
div.cc li
{
	font-size: 1em
}
div.cc a {
color:	#3E2A1B
}
div.cc h1 {
font-size: 1.5em;
	margin-bottom: 1em;
}
div.cc div.headline {
font-weight:bold
}
div.cc div.text {
	margin-bottom:1.5em
}
div.cc p.cheadline {
	font-weight: bold;
}
div.cc img.avatar {
	display: none
}
div.cc div.nav3,
div.cc div.nav3 a {
width: 100%
}
div.cc div.nav3 a {
font-size: 1.4em
}
div.cc div.nav3 div.text {
padding-left: 37px
}
div.kontaktseite {
	margin-top:20px
}
div.kontaktseite p {
	margin:0
}
div.cr {
	margin-top:35px;
	width: 200px;
	margin-right:20px;
	text-align:left;
	float:right;
}

div.cr div.headline a,
div.cr div.text {
	font-size:0.75em;
	display:block;
	color:#416212;
	line-height: normal;
	margin-left:35px
}
div.cr div.headline a {
	font-weight: bold;
	margin-top:8px
}
div.irot h2,
div.irot div.headline a,
div.irot div.text {
	color: #B95403
}
div.tlink {
	color: #B95403
}
div.tlink p, div.tlink h2, div.tlink a {
	color: #B95403;
	line-height: normal
}
div.krlink {
display:none;
	margin-top: 30px
}
div.krlink h2,
div.krlinke p,
div.krlink a,
div.krlink div.bu {
	color:#416212;
	line-height: normal
}
div.tlink h2 {
	margin-bottom:0.5em
}



div.rezepte div.text {
	display:inline;
}
div.rezept div.image {
	width: auto;
	float:right;
	margin: 0 0 10px 15px;
	display:inline;
	position:relative;
}
div.rezepte hr {
	color: #416212;
	background-color:#416212;
	height:1px
}
div.rezept h2 {
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	font-size: 1.2em;
}
div.rezept div.text,
div.rezept div.text p {
	margin:0;
}
/* FORM */
.hidden {
	display:none
}
input.input_searchbox,
a.input_searchbutton  {
	border:1px solid #B95403;
	color:#B95403;
	font-size: 0.75em;
	width:120px;
	background-color:transparent;
	padding:1px 3px;
}
a.input_searchbutton {
	margin-left:10px;
	background-color:#F5FFD9;
	text-decoration: none;
	padding:0
}
/*  NAVIGATION   */
div.nav {
padding-top: 40px;
width: 200px;
position: relative;
float:left;
z-index:10;
}
div.nav a,
div.nav3 a{
	display:block;
	font-weight: bold;
	color: #416212;
	text-decoration: none;
	line-height: normal;
	width:165px;
	padding: 2px 0 2px 35px;
	margin: 4px 0 0 0;
	background-repeat:no-repeat;
	background-position:5px 4px;
	background-image:url(../img/blatt-hell.gif);
}
div.nav a:hover,
div.nav a.ac,
div.nav a.ac:hover,
div.nav3 a:hover, 
div nav3 a.ac:hover {
	background-color: #f5ffd9;
	margin: 4px 0 0 0;
	background-image:url(../img/blatt-dkl.gif);
	background-repeat: no-repeat;
}
div.nav3 a:hover, 
div nav3 a.ac:hover {
	background-image:url(../img/blatt-dkl-auf-hell.gif);
}
div.nav a:hover,
div.nav3 a.ac {
	background-image:url(../img/blatt-dkl.gif);
	background-color: transparent;
	
}
div.nav3 a.ac {
	background-image:url(../img/blatt-dkl-auf-hell.gif);
}
div.unav {
	margin-bottom: 4px;
	width: 200px;
	background-color: #ebf5bb;
	padding: 8px 0 8px 0;
	border-top: 1px solid #dde68e
}
div.unav a,
div.unav a:hover,
div.unav a.ac,
div.unav a.ac:hover {
	font-weight: normal;
	font-size: 0.75em;
	margin-bottom:4px;
	background:none;
	padding-right:5px;
	width:160px;
}
div.unav a:hover, 
div.unav a.ac:hover, 
div.unav a.ac {
	background:none;
	color: #b95403
}
div.unav a.ac {
	font-weight:bold;
}
div.nav3 {
width:200px;
margin: 0 0 20px 0;
}
div.nav3 a,
div.nav3 a.ac,
div.nav3 a.ac:hover,
div.nav3 a:hover
 {
font-size:0.75em	;
margin:4px 0 0 0;
 padding-bottom:0;
}
div.nav3 a.ac {
color:#B95403;
background-image:url(../img/blatt-rot-auf-hell.gif);
}
div.cr div.nav3 div.headline {
	padding-bottom:4px
}
div.cr div.nav3 div.headline a,
div.cr div.nav3 div.headline a.ac {
	background-image:none;
	text-decoration:underline;
	padding-left:0;
	margin: 3px 0 3px 35px;
}
div.cr div.nav3 div.headline a.ac {
	color:#B95403
}

